<template>
    <div class="et-input mb-[2px]!">
        <v-textarea v-bind="$attrs" @focus="isfoucs = true" @blur="isfoucs = false" elevation="0" :rounded="false" chips
            :placeholder="isfoucs ? '' : placeholder">
        </v-textarea>
    </div>
</template>


<script setup lang="ts">
import type { InputProps } from './interface';
const isfoucs = ref(false)
defineProps<InputProps>()
</script>

<style lang="scss" scoped>
@use "./style.scss" as *;

.et-input {
    :deep(.v-field__input) {
        // font-family: 'Material Design Icons' !important;
        font-size: 15px !important;
        font-weight: 200 !important;
        color: #666;
    }

}

:deep(.v-textarea) {
    textarea::placeholder {
        font-size: 13px !important;
    }
}
</style>